<template>
  <div class="safe">
    <!--<el-menu-item index="/user-center/auth/amount"><span v-if="this.userInfo.certificationStatus < 4" class="auth-span-color">小额鉴定</span><span v-if="this.userInfo.certificationStatus >= 4" class="auth-span-color">认证完成</span></el-menu-item>-->
    <el-menu router :default-active="activeRouter" class="el-menu-demo bdr-10" mode="horizontal" v-if="this.userInfo.certificationStatus < 4">
      <el-menu-item index="/user-center/auth/step-1">认证信息</el-menu-item>
      <el-menu-item index="/user-center/auth/step-2">业务授权</el-menu-item>
      <el-menu-item index="/user-center/auth/step-3">对公账户绑定</el-menu-item>
      <el-menu-item @click="amtQue()" index="">小额鉴定</el-menu-item>
    </el-menu>
    <el-menu router :default-active="activeRouter" class="el-menu-demo bdr-10" mode="horizontal" v-if="this.userInfo.certificationStatus >= 4">
      <el-menu-item index="">认证信息</el-menu-item>
      <el-menu-item index="">业务授权</el-menu-item>
      <el-menu-item index="">对公账户绑定</el-menu-item>
      <el-menu-item index="/user-center/auth/amount">认证完成</el-menu-item>
    </el-menu>
    <router-view class="fx-1 bg-fff bdr-10 rv" :userInfo="userInfo" @refresh="$emit('refresh')"></router-view>
  </div>
</template>

<script lang="ts">
  import { Vue, Component, Prop } from 'vue-property-decorator'
  import vFormTitle from '@/components/form-title'

  @Component({
      components: {
          vFormTitle
      }

  })
  export default class Safe extends Vue {
    @Prop() userInfo
    get activeRouter (): string {
      return this.$route.fullPath
    }
    amtQue () {
      if(this.userInfo.certificationStatus >= 3) {
          this.$router.push('/user-center/auth/amount')
      }else{}
    }
    mounted(){
    	//this.successPage()
    }


  }
</script>

<style lang="less" scoped>
  .f {
    width: 1180px;
    margin: 0 auto;
  }
  .safe {
    display: flex;
    flex-direction: column;
  }
  .el-menu-demo {
    border-bottom: none;
    margin-bottom: 10px;
    padding-left: 10px;
  }
  .rv {
    overflow-y: scroll;
  }
  .auth-span-color{
    color: #999;
  }
</style>
